<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="volunteer/user/bootstrap-3.4.1-dist/VolunteerCss/fengcai.css">
<link rel="stylesheet" href="volunteer/user/bootstrap-3.4.1-dist/VolunteerCss/head.css">
<title>志愿者招募用户--志愿风采</title>
 <style type="text/css">
		#div1{
			/* width: 1050px; */
			height: 53px; 
			/* background-color: #c2b6df; */
            background-color: #fff;
			margin: 0 auto;
			/* border: 20px solid #e9eced; */
		}
		h3{
			text-align: center;
			 font-size: 28px ；
		}
		.p1{text-indent: 2em;font-size: 30px;}
		.p2{text-align:left;color:#d34949;}
        p.thicker {font-weight:900;font-size: 30px;}
        p.stronger {font-weight:900;font-size: 25px;}

		#div3{text-align: center;font-size: 20px}
        #div4{text-align:center;}	
	</style>
</head>
<body>
<article>
            <header><div class="header_con">
                <div class="header">
                    <div class="welcome">欢迎来到志愿者招募平台!</div>
                    <div class="user_login">
                        <a href="../Login&Register.jsp">退出</a>
                        <!-- <span>|</span>
                        <a href="FoodRegister.html">注册</a> -->
                    </div>
                </div>
            </div><br>
              <img alt="Brand" src="volunteer/img/志愿者图标.png"  width="50px" height="50px" style="float:left"><br>
                   <p class="thicker">"最美"抗疫志愿者招募平台</p1>  
                  </header>

                  </header>
         </article>
 
    <div class="navbar_con">
        <div class="navbar clearfix">
            <ul class="navlist fl">
                <li><a href="${pageContext.request.contextPath}/PersonalServlet">个人中心</a></li>
                <li><a href="${pageContext.request.contextPath}/ForumServlet">志愿论坛</a></li>
                <div class="subnav_con fl">
                    <h1>志愿风采<i></i></h1>
                </div>
                <li><a href="${pageContext.request.contextPath}/RecruitServlet">志愿者招募</a></li>
                <li><a href="${pageContext.request.contextPath}/HomeServlet">首页</a></li>              
            </ul>
        </div>
    </div><br>

      <div id="div3">
      <img alt="Brand" src="volunteer/img/志愿风采.jpg"  width="300px" height="50px" style="float:left"> 
       <div class="more"><span><a href="VolunteerElegant2.html" id="fcmore">more>></a></span></div>
    <c:forEach items="${List}" var="a" varStatus="st"> 
      <div class="fengcai" style="margin-right:29px">
       
        <div class="tu"><img src="volunteer/img/${a.pic}" width="100%" height="220px" /></div>
        <div class="nei">
          <div class="zi">
             <div class="zi_01">               
                 <p3>${a.uclass}</p3>             
             </div><br>            
             <div class="zi_02">
               <h3><a onclick="queryInformationDetail('2c9586d07fbebb6401803ae9f38e522b')" title="东软志愿者${a.introduce}" href="javascript:void(0);">东软志愿者${a.elegmentname}</a></h3>
             </div>
             <div style="clear:both"></div>
          </div>
          <p title=" ${a.introduce}">  ${a.introduce} </p>
        </div>
      </div>
       </c:forEach>
      </div>
      <!-- <div class="fengcai" style="margin-right:42px">
        <div class="tu"><img src="volunteer/img/张杰.jpg" width="100%" height="220px" /></div>
        <div class="nei">
          <div class="zi">
             <div class="zi_01">               
                 <p3>商务英语</p3>             
             </div><br>            
             <div class="zi_02">
               <h3><a onclick="queryInformationDetail('2c9586d07fbebb6401803ae9f38e522b')" title="东软志愿者张杰" href="javascript:void(0);">东软志愿者张杰</a></h3>
             </div>
             <div style="clear:both"></div>
          </div>
          <p title="  我叫张杰，今年大二，是外国语学院志愿者团队防疫队队长。疫情期间，我和团队其他志愿者一样，每天全身心投入志愿者工作，为大家做力所能及的事情。活成一束光，照亮更多人”是我所期待的。我想影响和帮助更多人，做更多有意义的事情。">  我叫张杰，今年大二，是外国语学院志愿者团队防疫队队长。疫情期间，我和团队其他志愿者一样，每天全身心投入志愿者工作，为大家做力所能及的事情。活成一束光，照亮更多人”是我所期待的。我想影响和帮助更多人，做更多有意义的事情。        </p>
        </div>
      </div> -->
      
      <!-- <div class="fengcai" >
        <div class="tu"><img src="volunteer/img/顾恩洋.jpg" width="100%" height="220px" /></div>
        <div class="nei">
          <div class="zi">
             <div class="zi_01">                              
                    <p3>智能医学工程</p>          
                </div><br>                 
             <div class="zi_02">
               <h3><a onclick="queryInformationDetail('2c9586d07fbebb6401800716d24d287a')" title="东软优秀志愿者顾恩洋" href="javascript:void(0);">东软志愿者顾恩洋</a></h3>
             </div>
             <div style="clear:both"></div>
          </div>
          <p title="  我叫顾恩洋，大二学生。疫情当前，我毅然加入了康院志愿者队伍，化身“大白”，活跃在各个核酸检测点。我为自己是志愿者团队中的一员感到自豪。大连东软信息学院加油，大连加油！">  我叫顾恩洋，大二学生。疫情当前，我毅然加入了康院志愿者队伍，化身“大白”，活跃在各个核酸检测点。我为自己是志愿者团队中的一员感到自豪。大连东软信息学院加油，大连加油！</p>
        </div>
      </div> -->
</body>
</html>